<!-- load jquery plugin -->

<script type="text/javascript">

  $(document).ready(function(){


   


   $('#tableLocalidad').jtable({
    title:'Localidad',
    paging:true,
    pageSize:10,
    sorting:true,
    defaultSorting:'Name ASC',
    actions:
    {
      listAction:'localidad/getList',
      deleteAction:'localidad/delete',
      updateAction:'localidad/update',
      createAction:'localidad/add'
    },
    fields:
    {
      lcdad_id:{
        key:true,
        create:false,
        edit:false,
        list:true
      },

      lcdad_nombre:{
        title:'Nombre',
        width:'23%',
        list:true
      },
      dpto_id:
      {
        title:'Departmento',
        width:'30%',
        options:'departamento/GetDepartmentOptions'
      }
    }

   });

   $('#tableLocalidad').jtable('load');


 });
     
</script>




  
  <div id="tableLocalidad"></div>

  
 

    
